<!--人脸识别-->
<!--<div id="container-faceContent" style="position:absolute;width:740px;height:540px;bottom:20px;left:10px;background: #3C8DBC;display: none;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);">-->
<div id="container-faceContent" style="position:absolute;bottom:20px;left:0px;width:740px;height:540px;background: rgba(8,24,50,0.7);box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);border-style: solid;border-width: 5px;border-image: url(./img/bg_border.png) 5 fill / 1 / 0 stretch;display: none;">
	<div id="faceHeader" style="width:100%;height:40px;top: 0px;left: 0px;float: top;">
		<h4 style="float: left;color: #fff;margin-left: 10px;" id="myModalLabel">人脸识别</h4>
		<button id="faceClose" type="button" class="close" style="width: 30px;height: 30px;margin:3px;font-size: 32px;font-weight: normal">&times;</button>
	</div>
	<div class="modal-body" style="height:500px;">
		<!--添加页卡-->
		<ul id="myTab" class="nav nav-tabs" role="tablist">
			<li class="active" role="presentation">
				<a href="#home" role="tab" data-toggle="tab">识别结果</a>
			</li>
			<li role="presentation">
				<a href="#ios" data-toggle="tab" role="tab">查询识别结果</a>
			</li>
		</ul>
		<div id="myTabContent" class="tab-content" style="color: #FFF;">
			<!--页卡1-->
			<div class="tab-pane fade in active" id="home">
				<div style="margin: 5px;height:23px;">
					<tt>开始时间：</tt>
					<input id="deviceTimeStart" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang: 'zh-cn', skin: 'twoer'})" style="color: #000;margin-right: 10px;" />
					<tt>截止时间：</tt>
					<input id="deviceTimeEnd" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang: 'zh-cn', skin: 'twoer'})" style="color: #000;margin-right: 10px;" />
					<!--<button id="search" class="btn-primary" style="width:70px;height:20px;border: none;border-radius: 3px;">查询</button>-->
				</div>
				<div id="faceData" pre-scrollable style="height: 380px;overflow-y: auto;">
					<div style="float:left;width: 225px;height: 375px;margin: 2px 1px;border-left: 2px solid orangered;border-bottom: 2px solid orangered;text-align: center;">
						<img style="width: 200px;height: 200px;border: 2px solid orangered;border-radius: 15px;" src="../../web_s_community/img/faceRecognition/face.png" />
						<table style="text-align: left;margin: 20px 5px">
							<tr>
								<td>姓名: </td>
								<td>刘某某</td>
							</tr>
							<tr>
								<td>身份证号: </td>
								<td>420106197423321284</td>
							</tr>
							<tr>
								<td>相似度: </td>
								<td>97.023854736215152</td>
							</tr>
							<tr>
								<td>发现时间: </td>
								<td>2019-12-23 21:00:23</td>
							</tr>
							<tr>
								<td>拍摄位置: </td>
								<td>光谷理想城西门2</td>
							</tr>
							<tr>
								<td></td>
								<td>2019-12-23 21:00:23</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<!--页卡2-->
			<div class="tab-pane fade" id="ios">
				<div style="margin: 5px;width:100%;height:23px;">
					<tt>开始时间：</tt>
					<input id="personTimeStart" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang: 'zh-cn', skin: 'twoer'})" style="color: #000;margin-right: 5px;width:140px;border: none;border-radius: 3px;" />
					<tt>截止时间：</tt>
					<input id="personTimeEnd" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang: 'zh-cn', skin: 'twoer'})" style="color: #000;margin-right: 5px;width:140px;border: none;border-radius: 3px;" />
					<tt>姓名：</tt>
					<input id="personName" type="text" style="height:20px; border: none;border-radius: 3px;color: #000;">
					<button id="personSearch" class="btn-primary" style="width:70px;height:20px;border: none;border-radius: 3px;">查询</button>
				</div>
				<div id="personFaceData" pre-scrollable style="height: 380px;overflow-y: auto;">
					<!--<div style="float:left;width: 225px;height: 375px;margin: 2px 1px;border-left: 2px solid orangered;border-bottom: 2px solid orangered;text-align: center;">
						<img style="width: 200px;height: 200px;border: 2px solid orangered;border-radius: 15px;" src="./img/faceRecognition/face.png" />
						<table style="text-align: left;margin: 20px 5px">
							<tr>
								<td style="width: 65px;">姓名: </td>
								<td>刘某某</td>
							</tr>
							<tr>
								<td>身份证号: </td>
								<td>420106197423321284</td>
							</tr>
							<tr>
								<td>相似度: </td>
								<td>97.023854736215152</td>
							</tr>
							<tr>
								<td>发现时间: </td>
								<td>2019-12-23 21:00:23</td>
							</tr>
							<tr>
								<td>拍摄位置: </td>
								<td>光谷理想城西门2</td>
							</tr>
							<tr>
								<td></td>
								<td>2017-12-23 21:00:23</td>
							</tr>
						</table>
					</div>-->

				</div>
			</div>
		</div>
	</div>
</div>

<!--对比数据-->
<!--<div id="faceDetail" class="modal-content" style="position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:470px;background-color:rgba(30,30,30,0.7);color:#fff;display: none;" box-shadow: none;>-->
<div id="faceDetail" style="position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:470px;background: rgba(8,24,50,0.7);box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);border-style: solid;border-width: 5px;border-image: url(./img/bg_border.png) 5 fill / 1 / 0 stretch;display: none;color:#fff">
	<div id="faceDetailHeader" class="modal-header">
		<button id="faceDetailClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h4 class="modal-title" id="myModalLabel">详细信息</h4>
	</div>
	<div class="modal-body">
		<table style="width: 100%;height: 400px;">
			<tr style="height: 200px;width:225px;">
				<td style="width: 50%;float: left;">
					<br>抓拍图像<br>
					<img id="faceCompareCatchImg" src="../../../img/faceRecognition/face.png" style="width: 180px;height: 180px;" />
				</td>
				<td style="width: 50%;float: right">
					<br>入库图片<br>
					<img id="faceCompareSaveImg" src="../../../img/faceRecognition/face.png" style="width: 180px;height: 180px;" />
				</td>
			</tr>
			<tr style="height: 200px;width:225px;">
				<td style="width: 50%;float: left;">
					<br>现场图片<br>
					<img id="faceCompareOriginImg" src="../../../img/faceRecognition/face.png" style="width: 180px;height: 180px;" />
				</td>
				<td style="width: 50%;float: right;">
					<br>
					<table style="width:100%;height: 200px;font-size: 12px;">
						<tr>
							<td>姓名: </td>
							<td id="faceCompareName">某某某</td>
						</tr>
						<tr>
							<td>身份证号: </td>
							<td id="faceCompareIdentityNumber">420438195643560029</td>
						</tr>
						<tr>
							<td>发现时间: </td>
							<td id="faceCompareTime">2019-12-23 13:24:32</td>
						</tr>
						<tr>
							<td>拍摄位置: </td>
							<td id="faceCompareAddress">光谷理想城西门</td>
						</tr>
						<tr>
							<td></td>
							<td id="faceCompareTime2">2017-12-23 13:23:12</td>
						</tr>
						<tr>
							<td>跳转</td>
							<td>
								<span id="toPersonName" style="display: none;"></span>
								<a href="javascript:void(0)" id="toPersonFacePage">个人识别结果</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
</div>